<template>
  <!-- <a-form-item> -->
  <a-form-item :label="formData.hideTitle ? '':`${formData.name || ' '}`" :colon="formData.name ? true: false" :extra="formData.extra">
    <div :style="styleObject">{{ formData.defaultValue }}</div>
  </a-form-item>
</template>

<script>
export default {
  name: 'DivModelInfo',
  props: {
    formData: {
      type: Object,
      default: () => {}
    }
  },
  computed: {
    styleObject () {
      return {
        color: this.formData.color,
        // width: this.formData.width + 'px',
        // height: this.formData.height + 'px',
        fontSize: this.formData.fontSize + 'px',
        textAlign: this.formData.textAlign
        }
    }
  }
}
</script>
<style scoped lang="less">

</style>
